<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
    
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link href="css/default.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="js/jquery-1.4.3.js"></script>
        <script type="text/javascript" src="js/jquery-ui-1.8.6.custom.min.js"></script>
        <script type="text/javascript" src="js/jquery.validate.js" ></script>
        <script type="text/javascript">
            $(function(){
                $('#codigoest').autocomplete({
                    source : 'ajax-form-buscar-est.php',
                    select : function(event, ui){
                        $('#res').html(
						
						
                        '<h2>Resultado de la busqueda</h2>' +
                            '<strong>Codigo Estudiante: </strong>' + ui.item.value +'<br/>'+
                            '<strong>Nombre Estudiante: </strong>' + ui.item.nombreest +'<br/>'+
                            '<strong>Codigo Practica: </strong>' + ui.item.idpra +'<br/>'+
                            '<strong>Nombre Practica: </strong>' + ui.item.nombrepra +'<br/>'+
                            '<strong>Fecha de Inicio: </strong>' + ui.item.fechaini +'<br/>'+
                            '<strong>Fecha Finalizacion: </strong>' + ui.item.fechafin +'<br/>'+
                            '<strong>Codigo Empresa Vinculada: </strong>' + ui.item.empresa +'<br/>'+
                            '<strong>Informe: </strong>' + ui.item.informe +'<br/>'+
                            '<strong>Certificado: </strong>' + ui.item.certificado +'<br/>'+
                            '<strong>Ciclo: </strong>' + ui.item.ciclo +'<br/>'+
                            '<strong>Tipo de Practica: </strong>' + ui.item.tipo +'<br/>'+
                            '<strong>Estado de la Practica: </strong>' + ui.item.estado +'<br/>'
                    );
                    }
                });
            });
        </script>
        <script type="text/javascript">
            $(document).ready(function() {
                $("#form-contacto").validate();
            });
        </script>
        <style type="text/css">
            #commentForm { width: 500px; }
            #commentForm label { width: 250px; }
            #commentForm label.error, #commentForm input.submit { margin-left: 253px; }
        </style>
        <title>Pasantias por Estudiantes</title>
    </head>
    <!--body-->
    <body>
        <div id="wrapper">
            <?php include 'include/header.php'; ?>
            <!-- end div#header -->
            <div id="page">
                <div id="content">
                    <div id="welcome">
                        <h1>Pasantias por Estudiante</h1>
                        <div id="form-area">
                            <h2>Buscar estudiante</h2>
                            <dl>
                                <dt><label for="codigoest">Escriba el codigo del estudiante</label></dt>
                                <dd><input type="text" name="codigoest" id="codigoest" /></dd>

                                <dd><p id="res"></p></dd>
                            </dl>
                        </div>
                    </div>
                    <!-- end div#welcome -->
                </div>
                <!-- end div#content -->
                <div id="sidebar">
                    <ul>
                        <?php include 'include/nav.php'; ?>
                        <!-- end navigation -->
                    </ul>
                </div>
                <!-- end div#sidebar -->
                <div style="clear: both; height: 1px"></div>
            </div>
            <?php include 'include/footer.php'; ?>
        </div>
        <!-- end div#wrapper -->
    </body>
    <!--body ends-->
</html>